

<!doctype html>
<html ng-app="spicyApp1">
<head>
    <script src="http://code.angularjs.org/1.2.25/angular.min.js"></script>
</head>
<body>
<div ng-app="spicyApp1" ng-controller="SpicyCtrl">
    <button ng-click="chiliSpicy()">Chili</button>
    <button ng-click="jalapenoSpicy()">Jalapeño</button>
    <p>The food is {{spice}} spicy!</p>
</div>
</body>
<script type="text/javascript">
    var myApp = angular.module('spicyApp1', []);
    myApp.controller('SpicyCtrl', ['$scope', function($scope){
        $scope.spice = 'very';

        $scope.chiliSpicy = function() {
            $scope.spice = 'chili';
        };

        $scope.jalapenoSpicy = function() {
            $scope.spice = 'jalapeño';
        };
    }]);
</script>
</html>

